</head>
<!-- Head END -->

<!-- Body BEGIN -->
<body class="ecommerce">
<!-- BEGIN TOP BAR -->
<div class="pre-header">
    <div class="container">
        <div class="row" style="margin-left: -61px;">
            <!-- BEGIN TOP BAR LEFT PART -->
            <div class="col-md-6 col-sm-6 additional-shop-info">
                <ul class="list-unstyled list-inline">
                    <!-- BEGIN LANGS -->
                    <#-- <li class="langs-block">
                         <a href="javascript:void(0);" class="current">中文 </a>
                         <div class="langs-block-others-wrapper"><div class="langs-block-others">
                           <a href="javascript:void(0);">English </a>
                         </div></div>
                     </li>-->
                    <!-- END LANGS -->
                </ul>
            </div>
            <!-- END TOP BAR LEFT PART -->
            <!-- BEGIN TOP BAR MENU -->
            <div class="col-md-6 col-sm-6 additional-nav">
                <ul class="list-unstyled list-inline pull-right" style="margin-bottom: 5px;margin-top:-3px">
                    <#if member??>
                        <li><img src="${member.image!'/assets/pages/img/avatar-default.jpg'}" class="head-image"><a style="font-family: Microsoft YaHei,serif;font-size: 16px" href="javascript:void(0);" onclick="loadMyAccount()">个人中心</a></li>
                        <li><a href="javascript:void(0);" style="font-family: Microsoft YaHei,serif;font-size: 16px" onclick="logout()">退出</a></li>
                    <#else>
                        <li><a href="javascript:void(0);" style="font-family: Microsoft YaHei,serif;font-size: 16px" onclick="loadLogin()">登录 Login</a></li>
                        <li><a href="javascript:void(0);" style="font-family: Microsoft YaHei,serif;font-size: 16px" onclick="loadRegister()">注册 Register</a></li>
                    </#if>
                </ul>
            </div>
            <!-- END TOP BAR MENU -->
        </div>
    </div>
</div>
<!-- END TOP BAR -->

<!-- BEGIN HEADER -->
<div class="header" style="margin-bottom: 0px;">
    <div class="container">
        <div class="site-logo" ><a href="http://uic.edu.hk" target="_blank"><img src="/assets/corporate/img/logos/uiclogo.png" alt="纪念品商城"></a></div>

        <div>
            <a href="http://souvenir.uic.edu.hk" target="_blank"><img src="/assets/pages/img/products/logo.png" style="height: 70px;width: 304.5px;margin-left: 0px;margin-top: 35px;"/></a>
        </div>
        <#--  <div class="inline-div center" style="vertical-align: middle; display: inline-block;text-align: center;margin-top: -110px;margin-left:140px;font-family: 幼圆">
              <strong class="big" style="font-size: 48px;font-weight: 700; line-height: 21px;">纪念品商城</strong>
          </div>-->
        <!-- BEGIN CART -->
        <div style="margin-top: -68px;" class="top-cart-block" id="cartDiv">

        </div>
        <!--END CART -->

    </div>

</div>
<!-- Header END -->
<div id="main_nav" >
    <nav class="navbar navbar-default navbar-inverse">
        <div id="content_section_b" class="collapse navbar-collapse header-navigation" style="float: none;margin: 0px;">
            <ul id="nav" class="dropdown nav navbar-nav" style="width:980px">
                <li class="dir1 has_submenu">
                    <a class="dropdown-toggle"  href="/" style="font-family: Microsoft YaHei,serif;font-size: 16px;padding: 5px 25px 5px 25px;">
                        <span>首页</span>
                        <span style="display: block;font-size: 10px">Home</span>
                    </a>
                </li>
                <#list navList as nav>
                    <li class="dir2 <#if nav.children?? && (nav.children?size > 0) >has_submenu dropdown</#if>">
                        <a style="font-family: Microsoft YaHei,serif;font-size: 16px;padding: 5px 25px 5px 25px;" class="close-nav dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;"
                           <#if nav.hasRelation>onclick="loadNavContent('${nav.type!}','${nav.id!}','${nav.name!}','${nav.name!}')"</#if>>
                             <span>${nav.name!}</span>
                            <#if nav.children?? && (nav.children?size > 0) >
                                <b class="caret"></b>
                            </#if>
                            <span style="display: block;font-size: 10px">${nav.englishName!}</span>
                        </a>
                        <#if nav.children?? && (nav.children?size > 0) >
                            <ul class="dropdown-menu" style="margin-top: 0px;min-width: 168px;z-index: 9;">
                                <#list nav.children as child>
                                    <li>
                                        <a style="font-family: Microsoft YaHei,serif;" href="javascript:void(0);" onclick="loadNavContent('${child.type!}','${child.id!}')">
                                            ${child.name!}
                                            <span style="display: block;font-size: 14px;margin-top:2px">${child.englishName!}</span>
                                        </a>
                                    </li>
                                </#list>
                            </ul>
                        </#if>
                    </li>
                </#list>


                <li class="dir3 has_submenu dropdown">
                    <a class="close-nav  dropdown-toggle" id="allGoods" style="border-right: 1px solid #278280;font-family: Microsoft YaHei,serif;font-size: 16px;padding: 5px 25px 5px 25px;" data-toggle="dropdown" data-target="#" href="javascript:;" onclick="getGoods(0)">
                        纪念品<b class="caret"></b> <span style="display: block;font-size: 10px">Souvenir</span>
                    </a>
                    <ul class="dropdown-menu" id="categoryMenu" style="margin-top: 0px;">
                        <li style="border-top: none;">
                            <div class="header-navigation-content">


                                    <#list categoryList as category>
                                        <#if category_index == 0 || (category_index +1)%3 == 1>
                                            <div class="row">
                                        </#if>
                                        <div class="col-md-4 header-navigation-col">
                                            <h4>${category.name!}<span style="display: block;margin-top: 5px;font-size: 13px">${category.englishName!}</span></h4>
                                            <ul>
                                                <#if category.children?? && (category.children?size > 0) >
                                                    <#list category.children as child>
                                                        <li>
                                                            <a href="javascript:void(0)" onclick="getGoods(${child.id})" style="padding: 10px 18px">
                                                                ${child.name!}
                                                                <span style="display: block;font-size: 13px;margin-top: 5px">${child.englishName!}</span>
                                                            </a>
                                                        </li>
                                                    </#list>
                                                </#if>
                                            </ul>
                                        </div>
                                        <#if (category_index != 0 && (category_index+1)%3 == 0) || category_index == categoryList?size>
                                            </div>
                                        </#if>
                                    </#list>

                            </div>
                        </li>
                    </ul>
                </li>
                <li class="dir2">
                    <a style="font-family: Microsoft YaHei,serif;font-size: 16px;padding: 5px 25px 5px 25px;" class="close-nav dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;"
                       onclick="loadNavContent(0)">
                        最新动态
                        <span style="display: block;font-size: 10px">Latest News</span>
                    </a>
                </li>
                <li style="float: right;">
                    <div id="top_search">
                        <div id="productsearch_inlineplugin_container">
                            <div id="productsearch_box">
                                <table id="productsearch_table">
                                    <tbody>
                                    <tr>
                                        <td align="left" valign="top" >
                                            <input style="font-family: Microsoft YaHei,serif;font-size: 16px;width: 260px" type="text" name="keywords" value="${search!}" id="keywords" placeholder="商品搜索 Search">
                                        </td>
                                        <td align="left" valign="top">
                                            <a href="#" onclick="searchGoods()">
                                                <div id="productsearch_icon" style="height: 34px"></div>
                                            </a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>

        </div>
    </nav>
</div>
